<!DOCTYPE html>
<html>
<head>
	<title>多行文本溢出省略</title>
	<style type="text/css">
/*	   .ell{
	   	width: 200px;
	   	height: 200px;
	   	border: 1px solid black;
	   	position: relative;
	   	line-height: 1.4em;
	   	overflow: hidden;
	   }
	   .ell::after{
	   	  content: "...";
	   	  position: absolute;
	   	  right: 0;
	   	  bottom: 0;
	   }*/
	   div{
	   	width: 100px;
	   	overflow: hidden;
	   	text-overflow: ellipsis;
	   	white-space: nowrap;
	   }
	</style>
</head>
<body>
<!-- <div class="ell">多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略多行文本溢出省略</div> -->

<div>hhhhhhhhhhhhhhhhhhhh</div>
</body>
</html>